<br />
<h2 class="smallTitle">员工请假记录</h2>
<table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">记录编号</th>
      <th scope="col">员工ID</th>
      <th scope="col">请假时间</th>
      <th scope="col">类型</th>
      <th scope="col">原因</th>
      <th scope="col">状态</th>
    </tr>
  </thead>
  <tbody *ngFor="let holiday of holidays" 
    [class.selected]="holiday === selectedHolidays" 
    (click)="onSelect(holiday)">
    <tr>
      <th scope="row">{{holiday.pk}}</th>
      <td>{{holiday.fields.username}}</td>
      <td>{{holiday.fields.beginTime}} - {{holiday.fields.endTime}}</td>
      <td>{{holiday.fields.category}}</td>
      <td>{{holiday.fields.reason}}</td>
      <td>{{holiday.fields.status}}</td>
    </tr>
  </tbody>
</table>

